<html lang="en"  xmlns:th="http://www.thymeleaf.org" >
<head th:include="frame/fm/res :: headerTableCss">
    <meta charset="UTF-8"/>
</head>
<head>
    <script th:inline="JavaScript">
        var orderId = [[${orderId}]];
        var detailId = [[${detailId}]];
    </script>
    <style type="text/css">
        .form-row{
            float: left;
            width: 30%;
            padding: 20px;
        }
    </style>
</head>
<body>
<div>
    <!-- Main Content -->
    <div class="page-wrapper">
        <div class="container-fluid">
            <span th:replace="frame/fm/res :: breadcrumb"></span>
            <!-- Row -->
            <div class="row">
                <div class="col-sm-12 col-xs-12 col-md-12 " style="background-color: white;">
                    <div class="form-wrap">
                        <form onsubmit="return false;" action="#" class="form-horizontal">
                            <div class="form-group form-row" style="margin-left: 25px;">
                                <div class="input-group">
                                    <div class="input-group-addon"><font color="red">交易号</font></div>
                                    <input type="text" class="form-control" placeholder="请输入交易号" name="tradeNo" id="tradeNo" disabled="disabled"/>
                                </div>
                            </div>
                            <div class="form-group form-row" style="margin-left: 25px;">
                                <div class="input-group">
                                    <div class="input-group-addon">交易类型</div>
                                    <input type="text" class="form-control" placeholder="请输入交易类型" name="tradeType" id="tradeType" disabled="disabled"/>
                                </div>
                            </div>
                            <div class="form-group form-row" style="margin-left: 25px;">
                                <div class="input-group">
                                    <div class="input-group-addon">预支付号</div>
                                    <input type="text" class="form-control" placeholder="请输入预支付号" name="prepayId" id="prepayId" disabled="disabled"/>
                                </div>
                            </div>
                            <div class="form-group form-row" style="margin-left: 25px;">
                                <div class="input-group">
                                    <div class="input-group-addon">购买人</div>
                                    <input type="tel" class="form-control" placeholder="请输入购买人" name="trueName" id="trueName" disabled="disabled"/>
                                </div>
                            </div>
                            <div class="form-group form-row" style="margin-left: 25px;">
                                <div class="input-group">
                                    <div class="input-group-addon" >课程名称</div>
                                    <input type="text" class="form-control" placeholder="请输入课程名称" name="lessonName" id="lessonName" disabled="disabled" style="width:100px;"/>
                                    <div style="float: left"><button class="btn btn-primary btn-icon-anim btn-square btn-sm" style=" width: 80px;margin-left: 20px;" title="查看课时" onclick="showOrder.toLessonScheduler()">
                                        <i class="zmdi zmdi-search-sch"></i>
                                    </button></div>
                                </div>
                            </div>
                            <div class="form-group form-row" style="margin-left: 25px;">
                                <div class="input-group">
                                    <div class="input-group-addon">下单时间</div>
                                    <input type="text" class="form-control" placeholder="请输入下单时间" name="orderDate" id="orderDate" disabled="disabled"/>
                                </div>
                            </div>
                            <div class="form-group form-row" style="margin-left: 25px;">
                                <div class="input-group">
                                    <div class="input-group-addon">订单状态</div>
                                    <input type="text" class="form-control" placeholder="请输入订单状态" name="status" id="status" disabled="disabled"/>
                                </div>
                            </div>
                            <div class="form-group form-row" style="margin-left: 25px;">
                                <div class="input-group">
                                    <div class="input-group-addon">单价</div>
                                    <input type="tel" class="form-control" placeholder="请输入单价" name="price" id="price" disabled="disabled"/>
                                </div>
                            </div>
                            <div class="form-group form-row" style="margin-left: 25px;">
                                <div class="input-group">
                                    <div class="input-group-addon">数量</div>
                                    <input type="text" class="form-control" placeholder="请输入数量" name="quantity" id="quantity" disabled="disabled"/>
                                </div>
                            </div>
                            <div class="form-group form-row" style="margin-left: 25px;">
                                <div class="input-group">
                                    <div class="input-group-addon">总价</div>
                                    <input type="text" class="form-control" placeholder="请输入总价" name="amounts" id="amounts" disabled="disabled"/>
                                </div>
                            </div>
                            <div class="form-group form-row" style="margin-left: 25px;">
                                <div class="input-group">
                                    <div class="input-group-addon">订单总价</div>
                                    <input type="text" class="form-control" placeholder="请输入订单总价" name="orderAmount" id="orderAmount" disabled="disabled"/>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
</body>
<script type="text/javascript" th:src="${application.staticUrl}+'base/order/js/showOrder.js'"></script>
</html>